<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>帮帮网-朋友列表</title>
<link href="css/layout.css" type="text/css" rel="stylesheet" />
<script src="JS/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="JS/httpRequest.js"></script>
<script type="text/javascript" src="JS/cookie.js"></script>
<script type="text/javascript" src="JS/GetUserInfo.js"></script>
<script src="JS/follow.js" type="text/javascript"></script>
<script src="JS/showHelps.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){ 
	$(".friend_nav ul li").click(function(){
		if($(this).hasClass("hover"))
		{
		}
		else
		{
			var sel_on = $(".friend_nav .hover");
			sel_on.removeClass("hover");
			$(this).addClass("hover");
		}
	});
});  


function LoadFriends()
{
	//获取param
	var contentURL = document.location.search;
	g_param = contentURL.slice(1);
	if(g_param==0)
	{
		var f = $("#f0");
	}
	else if(g_param==1)
	{
		var f = $("#f1");
	}
	//f1.removeClass("hover");
	f.addClass("hover");

	showFriends(g_param);
}

function showFriends(param)
{
	g_param = param;
	if(param=='0')
	{
		var url="friend/friend.php?action=friendList";
		var para="frid="+userID;
	}
	else if(param=='1')
	{
		var url="friend/friend.php?action=followList";	
		var para="foid="+userID;
	}

	var resp=SendPostRequest(url,para);
	//alert(resp);	

	var friendListDiv=document.getElementById('friendList');
	//刷新前 先清空子节点
	var childs = friendListDiv.childNodes;
	for(var i=childs.length-1; i>=0; i--){
		friendListDiv.removeChild(childs[i]);
	}
	//friendListDiv.innerHTML="我关注的人";

	if(resp!=null && resp!="[]")
	{
		eval("frList="+resp);
		for(var i=0;i<frList.length;i++)
		{
			//标题
			//alert(frList[i].fid);
			var fresp = GetUserInfoByID(frList[i].fid);
			var finfo=eval("("+fresp+")");
			//todo kakassi 取得用户最新发布的任务 该函数将置于follow.js下
			//var fLastReq = GetLastReq(frList[i].fid);
			//var fLastReqHelp 
			//alert("finfo: "+finfo);
			var frDiv=document.createElement('div');
			var html1 = 
				'<li>'+
				'<div class="friend_head"><a href="other.html?'+frList[i].fid+'"><img src="imgpick/uploads/'+frList[i].fid+'" width="120" height="120" /></a></div>'+
				'<div class="friend_infor"><a href="other.html?'+frList[i].fid+'"><b>'+frList[i].fname+'</b></a>	  '+
				'	学院：'+finfo[0].college+'   性别：'+finfo[0].sex+'   感情：'+ finfo[0].emot +'<br />'+
				'	关注度：<font>'+frList[i].point+'</font>  信誉度：<font>100%</font> '+
				'QQ: '+ finfo[0].qq +'<br />	'+
				'活跃度：<font>'+finfo[0].exp+'</font>    '+
				'好评度：<font>'+finfo[0].goodcomment+'</font>    '+
				'差评度：<font>'+finfo[0].badcomment+'</font>    '+
				'手机号码：'+finfo[0].cellphone+'<br />'+
				//'最新发布任务：'+finfo[0].cellphone+'<br />'+
				//'最新申请任务：'+finfo[0].cellphone+'<br />'+
				//'最新承接任务：'+finfo[0].cellphone+'<br />'+
				'	<p>怕的是一败涂地；错了并不可怕，怕的是一错再错；失业并不可怕，怕的是一直不去找工作；没钱并不可怕，怕的是一直要等人来救济...</p> '+
				'<span>';
			//alert(frList[i].fname);
			if(param=='0'){
				//var html2 = '<input type="submit" name="button2" id="button2"  class="special_but" onclick="unfollow('+frList[i].fid+','+frList[i].fname+')" value="取消关注" />';
				var html2 = '<input type="submit" name="button2" id="button2"  class="special_but" onclick="unfollowF(\''+frList[i].fid+' \' , \''+frList[i].fname+'\')" value="取消关注" />';
			}
			else if(param=='1'){
				//var html2='	<input type="submit" name="button2" id="button2"  class="special_but" onclick="follow('+frList[i].fname+')"   value="关注ta" />';
				var html2='	<input type="submit" name="button2" id="button2"  class="special_but"  onclick="followF(\''+frList[i].fid+' \' , \''+frList[i].fname+'\')" value="关注ta" />';
			}
			var html3 ='	</span> '+
				'</div>'+
				'</li>';
			//写下这段代码的时候 我觉得我是天才 因为我自己相处了如何对待html+=的自动补齐
			frDiv.innerHTML= html1+html2+html3;
			friendListDiv.appendChild(frDiv);
		}	
	}
	else 
	{
		friendListDiv.innerHTML+="  这个名单下空荡荡的 就像你寂寞的忧伤  (傻样！) ";		
	}
}

function followF(oid,oname)
{
	follow(oid,oname);
	showFriends(g_param);
}
function unfollowF(oid,oname)
{
	unfollow(oid,oname);
	showFriends(g_param);
}

</script>
</head>
<body onload="GetUserInfo();LoadFriends();getiFocusCateList()">
<div id="container">
  <div class="head">
    <div id="logo"></div>
    <div class="menu">
      <div class="toolbar">Welcome！&nbsp&nbsp<a href="login.html">&nbsp登录&nbsp</a> <a href="register.html">&nbsp注册&nbsp</a></div>
      <ul>
        <li><em></em><a href="index.html">帮帮大厅</a></li>
        <li class="hover"><a href="user.html">我的主页</a></li>
        <li><a href="bulletin.html">公告</a></li>
      </ul>
      <div class="count"><span>未解决：<a href="#">11110769个</a> 已解决：<a href="#">736998个</a></span><em></em></div>
    </div>
    <!--menu end-->
  </div>
  <!--head end-->
  <div class="space_h"></div>
  <div class="maintop"></div>
  <div class="main">
    <div class="left friend_l">
      <div class="user_at"> <span><a href="user.html">我的主页</a></span> </div>
      <dl class="nav">
        <dt>我关注的版面</dt>
        <dd>
          <ul>
            <div id="iFocusCateList">
              <li><a href="#">生活</a><em></em></li>
              <li><a href="#">软件</a><em></em></li>
              <li><a href="#">电脑</a><em></em></li>
              <li><a href="#">足球</a><em></em></li>
            </div>
          </ul>
        </dd>
      </dl>
    </div>
    <div id="user_info" class="user_infor">
      <dl>
        <dt><img src="images/head.gif" width="95" height="95" /></dt>
        <dd> <b>设计人员</b> 性别：男<br />
          活跃度：<font>100</font><br />
          好评度：<font>100% </font><br />
          差评度：<font>0%</font><br />
          手机号码：15000000000<br />
          感情状态：未婚<br />
          出生年月日：1900年1月1日<br />
          历史记录 </dd>
      </dl>
    </div>
    <div class="right user_list">
      <div class="friend_nav">
        <ul>
          <li id="f0" onclick="showFriends(0)"><a href="#">我关注的好友</a></li>
          <li id="f1" onclick="showFriends(1)"><a href="#">关注我的好友</a></li>
        </ul>
      </div>
      <div id="friendList" class="friend_list">
        <ul>
          <li>
            <div class="friend_head"><img src="images/daf_06.jpg" width="160" height="120" /></div>
            <div class="friend_infor"><b>马里奥</b> 学校：北京大学   性别：男   感情：未婚<br />
              关注度：<font>1000</font> 信誉度：<font>100%</font>
              <p>怕的是一败涂地；错了并不可怕，怕的是一错再错；失业并不可怕，怕的是一直不去找工作；没钱并不可怕，怕的是一直要等人来救济...</p>
              <span>
              <input type="submit" name="button2" id="button2"  class="special_but" value="取消关注" />
              </span> </div>
          </li>
        </ul>
      </div>
      <!--
<div class="page"><span><a href="#">首页</a></span><span><a href="#">上一页</a></span><span><a href="#">1</a></span><span><a href="#">2</a></span><span><a href="#">3</a></span><span><a href="#">4</a></span><span><a href="#">5</a></span><span><a href="#">6</a></span><span><a href="#">7</a></span><span><a href="#">下一页</a></span><span><a href="#">末页</a></span></div>
-->
    </div>
  </div>
   <div class="mainbot"></div>
  <!--main end-->
  <div class="space_h"></div>
  <div class="foot">&copy;2007 - 2011 帮帮网  文网文[2011]0000-000  沪ICP备080808080号-2</div>
  <script type="text/javascript" src="http://js.tongji.linezing.com/2587587/tongji.js"></script><noscript><a href="http://www.linezing.com"><img src="http://img.tongji.linezing.com/2587587/tongji.gif"/></a></noscript>
</div>
<!--container end-->
</body>
</html>
